<template>
    <VcTable ref="CustomTableRef" :page="page" :index="true" :columns="columns" :loading="loading"
        :data="tableData"
        @size-change="sizeChange"
        @current-change="currentChange">
    </VcTable>
</template>
  
<script lang="ts" setup>
import { getTableList } from '@/api/index'
import useTable from '@/hooks/useTable'
const columns = [
    {
        'prop': 'startDate',
        'label': '开始时间',
        'width': 180,
        'formatter': (row: any) => {
            return row['startDate']
        }
    },
    {
        'prop': 'endDate',
        'label': '结束时间',
        'width': 180,
        'formatter': (row: any) => {
            return row['endDate']
        }
    },
    {
        'prop': 'name',
        'label': '姓名',
        'width': 120
    },
    {
        'label': '国家',
        'prop': 'city',
        'width': 120
    },
    {
        'label': '城市',
        'prop': 'state',
        'width': 120,
    },
    {
        'label': '地址',
        'prop': 'address',
        'width': 600
    },
    {
        'label': 'zip',
        'prop': 'zip',
        'width': 120
    }
]
const {
    CustomTableRef,
    page,
    tableData,
    loading,
    sizeChange,
    currentChange
} = useTable({ tableApi: getTableList });
</script>